// pages/goods_detail/index.js

/*
1.发送请求获取数据
2.点击轮播图 预览大图
  1.给轮播图绑定点击事件
  2.调用小程序的api previewImage
3.点击 假如购物车
  1.先绑定点击事件
  2.获取缓存中购物车数据 数组格式
  3.先判断 当前的商品是否已经存在于 购物车
  4.已经存在 修改商品数据 执行购物车数量++ 重新把购物车数组 填充会缓存中
  5.不存在于购物车的数组中  直接给购物车数组添加一个新元素 新元素带上 购买数量属性num 重新把购物车数组 填充会缓存中
  6.弹出提示
*/
import { request } from '../../request/index.js';
import regeneratorRuntime from '../../lib/runtime/runtime';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    goodsObj:{}
  },
  // 商品对象
  GoodsInfo:{},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const {goods_id}=options;
    this.getGoodsDetail(goods_id)
  },
  // 获取商品详情信息
  async getGoodsDetail(goods_id){
    const res=await request({url:'/goods/detail',data:{goods_id}});
    this.GoodsInfo=res
    this.setData({
      goodsObj:{
        goods_name:res.goods_name,
        goods_price:res.goods_price,
        goods_introduce:res.goods_introduce.replace(/\.webp/g,'.jpg'),
        pics:res.pics
      }
    })
  },
  // 点击轮播图 放大预览
  handlePreviewImage(e){
    // 1.先构造要预览的图片数组
    const urls=this.GoodsInfo.pics.map(v=>v.pics_mid)
    // 2.接受传递过来的图片索引
    const index=e.currentTarget.dataset.index;
    wx.previewImage({
      current:urls[index],
      urls
    })
  },
  // 
  handleCartAdd(){
    // 1.获取缓存中的购物车 数组
    let cart=wx.getStorageSync("cart")||[];
    // 2.判断 商品对象是否存在于购物车数组中
    let index=cart.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id)
    if(index===-1){
      // 3.购物车中不存在商品 将商品数量重置为1 添加进购物车
      this.GoodsInfo.num=1;
      this.GoodsInfo.checked=true;
      cart.push(this.GoodsInfo)
    }else{
      // 4.购物车中存在该商品 该商品数量加一
      cart[index].num++
    };
    // 5.将购物车缓存
    wx.setStorageSync('cart', cart)
    // 6.弹窗提醒
    wx.showToast({
      title: '加入成功',
      icon: 'none',
      duration: 1500,
      mask: true,
    });
      
  }
})